﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="static/css/BeatPicker.min.css" />
<link rel="stylesheet" href="static/my/css/comm.css"/>
<link rel="stylesheet" href="static/my/css/pageStyle.css"/>
<link rel="stylesheet" href="static/my/css/calendar.css"/>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="top.jsp"%>
</head>
<body>

	<div class="container-fluid" id="main-container">
		<div id="page-content" class="clearfix">
				<div class="page-header position-relative">
					<h1>
						我的 <small><i class="icon-double-angle-right"></i> </small>
					</h1>
				</div>
				<!--/page-header-->
				<div class="row-fluid">
				</div>
				<!--/row-->
		</div>
		<!-- #main-content -->
		<div class="main">
        <div class="main-content">
           <div class="content-top">
                 <div class="top-left calendar" id="calendar">
                 </div>
                 <div class="top-right">
                     <div class="notice-tit">
                         <span>公告</span>
                         <span class="more"><img src="static/my/img/more.png" alt=""/></span>
                     </div>
                     <div class="notice-item">
                         <div class="notice-img">
                             <img src="static/my/img/new01.png" alt=""/>
                         </div>
                         <div class="notice-word">
                             <p>商贸公司工程项目圆满召开</p>
                             <p>"2012年长沙市车辆模型比赛"于1月10日在宁乡印寺与千手千于1月10日在宁乡印寺与千手千于1月10日在宁乡印寺与千手千于1月10日在宁乡印寺与</p>
                         </div>
                     </div>
                     <div class="notice-item">
                         <div class="notice-img">
                             <img src="static/my/img/new02.png" alt=""/>
                         </div>
                         <div class="notice-word">
                             <p>住宅小区工程竣工</p>
                             <p>"2012年长沙市车辆模型比赛"于1月10日在宁乡印寺与千手千"2012年长沙市车辆模型比赛"于1月</p>
                         </div>
                     </div>
                     <div class="notice-item">
                         <div class="notice-img">
                             <img src="static/my/img/new03.png" alt=""/>
                         </div>
                         <div class="notice-word">
                             <p>度假日工程项目</p>
                             <p>"2012年长沙市车辆模型比赛"于1月10日在宁乡印寺与千手千"2012年长沙市车辆模型比赛"于1月</p>
                         </div>
                     </div>
                     <div class="notice-item none-bor">
                         <div class="notice-img">
                             <img src="static/my/img/new04.png" alt=""/>
                         </div>
                         <div class="notice-word">
                             <p>度假日工程项目</p>
                             <p>"2012年长沙市车辆模型比赛"于1月10日在宁乡印寺与千手千"2012年长沙市车辆模型比赛"于1月</p>
                         </div>
                     </div>
                 </div>
           </div>
           <div class="content-midd">
             <div class="ici-item">
                 <div class="ici-left">
                     <img src="static/my/img/email.png" alt=""/>
                 </div>
                <div class="ici-rig">
                   <span>邮件（9）</span>
                </div>

             </div>
             <div class="ici-item active">
                   <div class="ici-left">
                       <img src="static/my/img/sch.png" alt=""/>
                   </div>
                   <div class="ici-rig new">
                       <span>日程（9）</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/job.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>任务（5）</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/undo.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>待办（3）</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/note.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>记事本（5）</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/chat.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>报表（130）</span>
                   </div>

               </div>
               <hr/>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/car.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>申请车辆</span>
                   </div>

               </div>
            <div class="ici-item active">
                   <div class="ici-left">
                       <img src="static/my/img/metting.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>申请会议</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/office.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>办公用品</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/jia.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>申请请假</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left">
                       <img src="static/my/img/trans.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>申请物资</span>
                   </div>

               </div>
            <div class="ici-item">
                   <div class="ici-left none-bg">
                       <img src="static/my/img/add.png" alt=""/>
                   </div>
                   <div class="ici-rig">
                       <span>添加应用</span>
                   </div>

               </div>
           </div>
           <div class="content-top">
               <div class="top-left calendar" style="display: block;">
                   <div class="notice-tit">
                       <span>项目</span>
                       <span class="more"><img src="static/my/img/more.png" alt=""/></span>
                   </div>
                   <div class="bottom-main">
                       <div class="bmain-left">
                         <canvas id="myCanvas"  class="canvas01"></canvas>
                           <div class="pro-item pro01">
                               <p>2017-1-20</p>
                               <p>准备阶段</p>
                           </div>
                           <div class="pro-item pro02">
                               <p>2017-5-20</p>
                               <p>基础工程</p>
                           </div>
                           <div class="pro-item pro03">
                               <p>2017-12-20</p>
                               <p>主体工程</p>
                           </div>
                       </div>
                       <div class="bmain-right">
                         <p>项目名称: <span class="orange">渭南万达广场</span></p>
                         <p>监&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;理: <span class="orange">王小二</span></p>
                       </div>
                   </div>
                   <div class="bottom-main">
                       <div class="bmain-left blue">
                           <div class="pro-item pro01">
                               <p>2017-1-20</p>
                               <p>准备阶段</p>
                           </div>
                           <div class="pro-item pro02">
                               <p>2017-5-20</p>
                               <p>基础工程</p>
                           </div>
                           <div class="pro-item pro03">
                               <p>2017-12-20</p>
                               <p>主体工程</p>
                           </div>
                       </div>
                       <div class="bmain-right">
                           <p>项目名称: <span class="word-blue">时代广场</span></p>
                           <p>监&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;理: <span class="word-blue">李晓东</span></p>
                       </div>
                   </div>
               </div>
               <div class="top-right">
                   <div class="notice-tit">
                       <span>动态</span>
                       <span class="more"><img src="static/my/img/more.png" alt=""/></span>
                   </div>
                   <div class="amain" style="overflow: auto;">
                    <div>
                        <!-- <div class="act-box">
                            <div class="amain-left" style="height:15px;">
                            </div>
                            <div class="amain-right" style="height:15px;">
                            </div>
                        </div>  -->
                        <div class="act-box" style="margin-top:10px;">
                            <div class="amain-left">
                                <span>12</span>
                            </div>
                            <div class="amain-right">
                                <p>08:30 <span class="pname">王小二</span>完成了<span class="pjob">监理日志</span></p>
                                <p>15:30 <span class="pname">王治</span>完成了<span class="pjob">质量检测报告</span></p>
                                <p>18:30 <span class="pname">王小二</span>完成了<span class="pjob">项目检测报告</span></p>
                            </div>
                        </div>
                        <div class="act-box">
                            <div class="amain-left">
                                <span>11</span>
                            </div>
                            <div class="amain-right">
                                <p>08:30 <span class="pname">王小二</span>完成了<span class="pjob">监理日志</span></p>
                                <p>15:30 <span class="pname">王治</span>完成了<span class="pjob">质量检测报告</span></p>
                                <p>18:30 <span class="pname">王小二</span>完成了<span class="pjob">项目检测报告</span></p>
                            </div>
                        </div>
                        <div class="act-box">
                            <div class="amain-left">
                                <span>10</span>
                            </div>
                            <div class="amain-right">
                                <p>08:30 <span class="pname">王小二</span>完成了<span class="pjob">监理日志</span></p>
                                <p>15:30 <span class="pname">王治</span>完成了<span class="pjob">质量检测报告</span></p>
                                <p>18:30 <span class="pname">王小二</span>完成了<span class="pjob">项目检测报告</span></p>
                            </div>
                        </div>
                        <div class="act-box">
                            <div class="amain-left">
                                <span>9</span>
                            </div>
                            <div class="amain-right">
                                <p>08:30 <span class="pname">王小二</span>完成了<span class="pjob">监理日志</span></p>
                                <p>15:30 <span class="pname">王治</span>完成了<span class="pjob">质量检测报告</span></p>
                                <p>18:30 <span class="pname">王小二</span>完成了<span class="pjob">项目检测报告</span></p>
                            </div>
                        </div>
                    </div>
                </div>
               </div>
           </div>
        </div>
    </div>
    </div>
</body>
	<!--/.fluid-container#main-container-->
	<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
		class="icon-double-angle-up icon-only"></i>
	</a>
	<!-- basic scripts -->
	
	<script src="static/1.9.1/jquery.min.js"></script>
	<script type="text/javascript">
		window.jQuery|| document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");
	</script>
	<script type="text/javascript" src="static/my/js/zUI.js"></script>
	<script type="text/javascript" src="static/my/js/calendar.js"></script>
    <script type="text/javascript" src="static/my/js/my.js"></script>
	<script type="text/javascript">
	$(top.hangge());
	
	$(function(){
        $(".amain").panel({iWheelStep:32});
    });
	
	var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.beginPath();
    ctx.lineWidth=8;
    ctx.arc(40,59,30,0,2*Math.PI);
    ctx.strokeStyle="#ffab57";
    ctx.stroke();
    ctx.closePath();

    ctx.beginPath();
    ctx.lineWidth=10;
    ctx.counterclockwise=false;
    ctx.arc(158,59,38,0.5*Math.PI,2*Math.PI);
    ctx.stroke();
    ctx.closePath();
    ctx.restore();

    ctx.beginPath();
    ctx.lineWidth=8;
    ctx.counterclockwise=false;
    ctx.arc(270,59,30,1.0*Math.PI,1.5*Math.PI);
    ctx.stroke();
    ctx.closePath();
    ctx.restore();

    ctx.beginPath();
    ctx.lineWidth=1;
    ctx.font = "12px 微软雅黑";
    ctx.fillText("100%",25,62);
    ctx.fillText("25%",260,62);
    ctx.stroke();
    ctx.closePath();
    ctx.restore();

    ctx.beginPath();
    ctx.lineWidth=1;
    ctx.font = "14px 微软雅黑";
    ctx.fillText("75%",145,62);
    ctx.stroke();
    ctx.closePath();
    ctx.restore();
</script>
</body>
</html>
